//view
Ext.define('HIT.view.SetPersonalImage',{
	extend:'Ext.form.Panel',
	alias:'widget.setpersonalimage',
	//id:'set-personal-image',
	
	height:'280',
	width:'500',
	overlapHeader: false,
    preventHeader: true,
    layout: {
        type: 'absolute'
    },
	
	initComponent: function() {
        var me = this;
		
		Ext.applyIf(me, {        	
			items: [{
		        xtype: 'hiddenfield',
		        name: 'hidden_field_1',
		        id: 'radio-img-value',
		        value: 'tj-toolbar'
		    },{
				xtype: 'radiogroup',
				id: 'radio-img-group',
				layout: {
                    type: 'absolute'
                },
				columns: 1,
				items: [
				     {
										boxLabel: Share.T('默认'),
										id: 'personal-image-default-tax',
				    	 				x: 0,
				    	 				y: 30,
//										inputValue: '1',
										checked: true,
//										inputValue: 'tj-toolbar',
										inputValue:'../TAX/resources/images/header.png',
										name:'img'
									},{										
										xtype: 'box',
										x:60,
										y:10,
										width: 500,
										height: 91,
										border:1,
										style: {
										    borderColor: new Ext.draw.Color(192,192,192),
										    borderStyle: 'solid'
										},
										cls:'tj-toolbar'
//										autoEl: {
//											tag: 'img',
//											cls: 'tj-toolbar'
//										}									
									},
									{
										boxLabel: Share.T('图片1'),
										id: 'personal-image1-tax',
										x:0,
										y:110,
//										inputValue: '2',
//										inputValue: 'tj-toolbar1',
										inputValue:'../TAX/resources/images/newheader2.jpg',
										name:'img'
									},{
										x:60,
										y:90,
										xtype: 'box',
										width: 500,
										height: 91,
										border:1,
										style: {
										    borderColor: new Ext.draw.Color(192,192,192),
										    borderStyle: 'solid'
										},
										cls:'tj-toolbar4'
//										autoEl: {
//											tag: 'img',
//											cls: 'tj-toolbar1'
//										}
									},
									{
										boxLabel: Share.T('图片2'),
										id: 'personal-image2-tax',
										x:0,
										y:190,
//										inputValue: '1',
//										inputValue: 'tj-toolbar2',
										inputValue:'../TAX/resources/images/newheader3.jpg',
										name:'img'
									},{
										x:60,
										y:170,
										xtype: 'box',
										width: 500,
										height: 91,
										border:1,
										style: {
										    borderColor: new Ext.draw.Color(192,192,192),
										    borderStyle: 'solid'
										},
										cls:'tj-toolbar3'
//										autoEl: {
//											tag: 'img',
//											cls: 'tj-toolbar2'
//										}
									},
									{
										boxLabel: Share.T('图片3'),
										id: 'personal-image3-tax',
										x:0,
										y:270,
//										inputValue: '1',
//										inputValue: 'tj-toolbar3',
										inputValue:'../TAX/resources/images/newheader4.jpg',
										name:'img'
									},{
										x:60,
										y:250,
										xtype: 'box',
										width: 500,
										height: 91,
										border:1,
										style: {
										    borderColor: new Ext.draw.Color(192,192,192),
										    borderStyle: 'solid'
										},
										cls:'tj-toolbar2'
//										autoEl: {
//											tag: 'img',
//											cls: 'tj-toolbar3'
//										}
									},
									{
										boxLabel: Share.T('图片4'),
										id: 'personal-image4-tax',
										x:0,
										y:350,
//										inputValue: '1',
//										inputValue: 'tj-toolbar4',
										inputValue:'../TAX/resources/images/newheader5.png',
										name:'img'
									},{
										x:60,
										y:330,
										xtype: 'box',
										width: 500,
										height: 91,
										border:1,
										style: {
										    borderColor: new Ext.draw.Color(192,192,192),
										    borderStyle: 'solid'
										},
										cls:'tj-toolbar1'
//										autoEl: {
//											tag: 'img',
//											cls: 'tj-toolbar4'
//										}
									},
									{
										boxLabel: Share.T('图片5'),
										id: 'personal-image5-tax',
										x:0,
										y:430,
//										inputValue: '1',
//										inputValue: 'tj-toolbar5',
										inputValue:'../TAX/resources/images/newheader6.jpg',
										name:'img'
									},{
										x:60,
										y:410,
										xtype: 'box',
										width: 500,
										height: 91,
										border:1,
										style: {
										    borderColor: new Ext.draw.Color(192,192,192),
										    borderStyle: 'solid'
										},
										cls:'tj-toolbar5'
//										autoEl: {
//											tag: 'img',
//											cls: 'tj-toolbar5'
//										}
									},
									{
										boxLabel: Share.T('图片6'),
										id: 'personal-image6-tax',
										x:0,
										y:510,
//										inputValue: '1',
//										inputValue: 'tj-toolbar6',
										inputValue:'../TAX/resources/images/newheader7.jpg',
										name:'img'
									},{
										x:60,
										y:490,
										xtype: 'box',
										width: 500,
										height: 91,
										border:1,
										style: {
										    borderColor: new Ext.draw.Color(192,192,192),
										    borderStyle: 'solid'
										},
										cls:'tj-toolbar6'
//										autoEl: {
//											tag: 'img',
//											cls: 'tj-toolbar6'
//										}
									},
									{
										boxLabel: Share.T('图片7'),
										id: 'personal-image7-tax',
										x:0,
										y:590,
//										inputValue: '1',
//										inputValue: 'tj-toolbar7',
										inputValue:'../TAX/resources/images/newheader8.jpg',
										name:'img'
									},{
										x:60,
										y:570,
										xtype: 'box',
										width: 500,
										height: 91,
										border:1,
										style: {
										    borderColor: new Ext.draw.Color(192,192,192),
										    borderStyle: 'solid'
										},
										cls:'tj-toolbar7'
//										autoEl: {
//											tag: 'img',
//											cls: 'tj-toolbar7'
//										}
									},
									{
										boxLabel: Share.T('图片8'),
										id: 'personal-image8-tax',
										x:0,
										y:670,
//										inputValue: '1',
//										inputValue: 'tj-toolbar8',
										inputValue:'../TAX/resources/images/newheader9.png',
										name:'img'
									},{
										x:60,
										y:650,
										xtype: 'box',
										width: 500,
										height: 91,
										border:1,
										style: {
										    borderColor: new Ext.draw.Color(192,192,192),
										    borderStyle: 'solid'
										},
										cls:'tj-toolbar8'
//										autoEl: {
//											tag: 'img',
//											cls: 'tj-toolbar8'
//										}
									}
				 ],
				 listeners:{
					 change: function(field, newValue, oldValue, options){
						 Ext.getCmp('radio-img-value').value = newValue.valueOf().img;
					 }
				 }
			}]
		});
		me.callParent(arguments);
	}
    
});